.myDiv{
    width: 55%;
    margin-left: 2%;
    margin-top: 5.5%;
    height: 80%;
    overflow-y: scroll;
    border: 1px solid gray;/*去除iframe的边框*/
    background-color: #fefefe;
    border-radius: 8px;/*设置成圆角*/
    box-shadow: rgba(113, 113, 113, 0.75) 0 0 12px/*设置阴影*/
}
button{
    background-color: rgba(0, 0, 0, 0.6);/*最后一个参数是透明度，这样的写法不会让文字也透明*/
    color:white;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 15px;/*设置成圆角*/
    box-shadow: #ede0e9 0 0 5px;/*设置阴影*/
    text-align: center;
    width: 370px;
    height: 120px;
    margin-top: 15px;
}
.news{
    overflow:hidden;/*清除浮动*/
    /*margin: 200px 26% 40px;!*原来:上边距200间距，下边距40px,左边距280px，右边距20px*!*/
    margin-top: 20%;
    margin-left: 15%;/*为了让四个框居中*/
    width: 70%
}
/*.news>div{!*四个目录的框框*!*/
/*    color: white;*/
/*    width: 300px;*/
/*    height: 70px;!*不要高度的话section就可以无限长*!*/
/*    margin-top: 15px;*/
/*    !*float: left;!*左浮动*!*!*/
/*    background-color: rgba(0, 0, 0, 0.6);!*最后一个参数是透明度，这样的写法不会让文字也透明*!*/
/*    border:1.5px solid white;!*设置一个白色边框*!*/
/*    border-radius: 15px;!*设置成圆角*!*/
/*    box-shadow: #ede0e9 0 0 5px;!*设置阴影*!*/
/*}*/
.news>div>div a{
    color: white;
}
.news>div>div a:hover{
    color: #ede0e9;
}
.line_1{
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
}
.line_1:nth-child(-n+1){
     margin-right: 10%;
 }

.line_2{
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
}
.line_2:nth-child(-n+1){/*必须用div把line_2包裹起来，否则伪类选择器无法使用*/
    margin-right: 10%;
}
/*********************************/

/* 父容器 */
.container {
    scroll-snap-type: y mandatory;/*垂直滚动贴合*/
    height: 100vh;
    overflow:scroll;/*出现垂直滚动条*/
    overflow-x: hidden;/*禁用水平滚动条*/
}

.section {
    width: 100vw;
    height: 100vh;
    scroll-snap-align: start;/*贴合方式*/
}

.section-1 {
    background-image:url("https://s1.ax1x.com/2022/03/27/qBSUiR.png");
    width: 100%;
    background-repeat: no-repeat;/*不平铺*/
    background-size: cover;/*背景盖住整个页面*/
    background-position: center center;
    border-top:1px solid transparent;/*设置一个顶部边框，否则下面的文字的margin-top失效*/
}

.section-2 {
    background-color: white;
    display: flex;
}
.vditor-reset{
    margin-left: 8%;
    margin-right: 3%;
    margin-top: 10%;
}

